<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>

    <script src="https://cdn.highcharts.com.cn/highcharts/highcharts.js"></script>
    <script src="https://cdn.highcharts.com.cn/highcharts/modules/exporting.js"></script>
    <script src="https://cdn.highcharts.com.cn/highcharts/modules/oldie.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script src="https://cdn.highcharts.com.cn/highcharts/themes/sand-signika.js"></script>

    <title>Document</title>
    <style>
        body {
            background-color: rgb(180, 206, 243);
            font-size: 20px;
        }

        .index {
            padding-top: 100px;
            padding-bottom: 100px;
            margin: auto;
            width: 920px;
            background-color: white;
            box-shadow: 10px 10px 15px black;
            margin-top: 50px;
        }

        form {
            padding-left: 100px;
            line-height: 180%;
        }

        p {
            line-height: 180%;
        }

        #btn {
            background-color: #425fc9;
            color: white;
            padding: 5px 10px;
            margin-left: 320px;
            margin-top: 16px;
            margin-bottom: 20px;
            font-size: 20px;
        }

        table {
            text-align: center;
            word-wrap: break-word;
            /*/在长单词数字或 URL 地址内部进行换行*/
        }
    </style>
</head>

<body>
    <div class="index">
        <p style="font-size:30px;text-align: center;">教学类软件评价指标重要性调查问卷</p>
        <div style="width:75% ;margin: auto;text-indent:2em;">
            在疫情时代，线上教学占据的比重越来越大，相关的教学类软件也都不断发展，面对一定数量的教学类软件，大众对其评价指标的重要性程度也有着各自看法，该调查旨在分析人们对于各种教学类软件评价指标的重要性看法。</div>
        <div class="result" style="width:75% ;margin: auto;">
            <p style="font-size:30px;text-align: center;">调查结果</p>
            <ol>
                <li>时效性的重要程度：</li>
                <table width="600" border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th>重要性</th>
                            <th>人数</th>
                            <th>比例</th>
                        </tr>
                    </thead>
                    <tbody id="tb1"></tbody>
                </table><br>
                <li>功能交互性的重要程度：</li>
                <table width="600" border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th>重要性</th>
                            <th>人数</th>
                            <th>比例</th>
                        </tr>
                    </thead>
                    <tbody id="tb2"></tbody>
                </table><br>
                <li>结构合理性的重要程度：</li>
                <table width="600" border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th>重要性</th>
                            <th>人数</th>
                            <th>比例</th>
                        </tr>
                    </thead>
                    <tbody id="tb3"></tbody>
                </table><br>
                <li>视频质量的重要程度：</li>
                <table width="600" border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th>重要性</th>
                            <th>人数</th>
                            <th>比例</th>
                        </tr>
                    </thead>
                    <tbody id="tb4"></tbody>
                </table><br>
                <li>学习反馈的重要程度：</li>
                <table width="600" border="1" cellspacing="0">
                    <thead>
                        <tr>
                            <th>重要性</th>
                            <th>人数</th>
                            <th>比例</th>
                        </tr>
                    </thead>
                    <tbody id="tb5"></tbody>
                </table><br>
                <li></li>
                <table width="600" border="1" cellspacing="0" style="table-layout:fixed;">
                    <thead>
                        <tr>
                            <th>指标</th>
                            <th>理由</th>
                        </tr>
                    </thead>
                    <tbody id="tb6"></tbody>
                </table>
            </ol>
        </div>
        <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
        <p style="width:75% ;margin: auto;text-indent:2em;">根据所给内容及个人经验填写以下问卷。<br></p>
        <form method="get" action="/main13" id="tform">
            <ol>
                <li>时效性的重要程度：</li>
                <label><input type="radio" name="sx" value="1" required />&nbsp;&nbsp;非常不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="sx" value="2" />&nbsp;&nbsp;较不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="sx" value="3" />&nbsp;&nbsp;无所谓&nbsp;&nbsp; </label>
                <label><input type="radio" name="sx" value="4" />&nbsp;&nbsp;较重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="sx" value="5" />&nbsp;&nbsp;非常重要 </label>
                <li>功能交互性的重要程度：</li>
                <label><input type="radio" name="gn" value="1" required />&nbsp;&nbsp;非常不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="gn" value="2" />&nbsp;&nbsp;较不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="gn" value="3" />&nbsp;&nbsp;无所谓&nbsp;&nbsp; </label>
                <label><input type="radio" name="gn" value="4" />&nbsp;&nbsp;较重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="gn" value="5" />&nbsp;&nbsp;非常重要 </label>
                <li>结构合理性的重要程度：</li>
                <label><input type="radio" name="jg" value="1" required />&nbsp;&nbsp;非常不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="jg" value="2" />&nbsp;&nbsp;较不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="jg" value="3" />&nbsp;&nbsp;无所谓&nbsp;&nbsp; </label>
                <label><input type="radio" name="jg" value="4" />&nbsp;&nbsp;较重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="jg" value="5" />&nbsp;&nbsp;非常重要 </label>
                <li>视频质量的重要程度：</li>
                <label><input type="radio" name="sp" value="1" required />&nbsp;&nbsp;非常不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="sp" value="2" />&nbsp;&nbsp;较不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="sp" value="3" />&nbsp;&nbsp;无所谓&nbsp;&nbsp; </label>
                <label><input type="radio" name="sp" value="4" />&nbsp;&nbsp;较重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="sp" value="5" />&nbsp;&nbsp;非常重要 </label>
                <li>学习反馈的重要程度：</li>
                <label><input type="radio" name="xx" value="1" required />&nbsp;&nbsp;非常不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="xx" value="2" />&nbsp;&nbsp;较不重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="xx" value="3" />&nbsp;&nbsp;无所谓&nbsp;&nbsp; </label>
                <label><input type="radio" name="xx" value="4" />&nbsp;&nbsp;较重要&nbsp;&nbsp; </label>
                <label><input type="radio" name="xx" value="5" />&nbsp;&nbsp;非常重要 </label>
                <li>您对以上指标的判断依据及影响程度：</li>
                实践经验：<label><input type="radio" name="sj" value="1" required />&nbsp;&nbsp;小&nbsp;&nbsp; </label>
                <label><input type="radio" name="sj" value="2" />&nbsp;&nbsp;中&nbsp;&nbsp; </label>
                <label><input type="radio" name="sj" value="3" />&nbsp;&nbsp;大&nbsp;&nbsp; </label><br>
                理论分析：<label><input type="radio" name="ll" value="1" required />&nbsp;&nbsp;小&nbsp;&nbsp; </label>
                <label><input type="radio" name="ll" value="2" />&nbsp;&nbsp;中&nbsp;&nbsp; </label>
                <label><input type="radio" name="ll" value="3" />&nbsp;&nbsp;大&nbsp;&nbsp; </label><br>
                直观感受：<label><input type="radio" name="zg" value="1" required />&nbsp;&nbsp;小&nbsp;&nbsp; </label>
                <label><input type="radio" name="zg" value="2" />&nbsp;&nbsp;中&nbsp;&nbsp; </label>
                <label><input type="radio" name="zg" value="3" />&nbsp;&nbsp;大&nbsp;&nbsp; </label>
                <li>您对调查内容的熟悉程度：</li>
                <label><input type="radio" name="sxcd" value="1" required />&nbsp;&nbsp;不熟悉&nbsp;&nbsp; </label>
                <label><input type="radio" name="sxcd" value="2" />&nbsp;&nbsp;不太熟悉&nbsp;&nbsp; </label>
                <label><input type="radio" name="sxcd" value="3" />&nbsp;&nbsp;一般熟悉&nbsp;&nbsp; </label>
                <label><input type="radio" name="sxcd" value="4" />&nbsp;&nbsp;较熟悉&nbsp;&nbsp; </label>
                <label><input type="radio" name="sxcd" value="5" />&nbsp;&nbsp;特别熟悉 </label>
                <label style="visibility: hidden;"><input id="us" type="radio" name="username" value="username"
                        checked="checked" />&nbsp;&nbsp;特别熟悉 </label>
            </ol>
            <!--<button id="btn" type="submit">提交问卷</button>-->
            <input id="btn" type="submit" align="absmiddle" value="提交问卷" class="sebutt" name="button1" onclick="TJ()">
        </form>
    </div>
    <script>
        var loc = location.href;
        var n1 = loc.length;
        var n2 = loc.indexOf('=')
        if (n2 >= 0 && n2 <= n1) {
            var n3 = loc.substring(n2 + 1);
            var username = n3;
            username = username.toString();
            if (username == 'user') {
                document.getElementById("btn").style.display = 'none'
            }
            var data = {
                username
            }
            console.log("data:", data)
            document.getElementById("us").value = username;

            $.get('/du2', data, function (re) {
                var a1 = 0,
                    b1 = 0,
                    c1 = 0,
                    d1 = 0,
                    e1 = 0,
                    a11 = 0,
                    b11 = 0,
                    c11 = 0,
                    d11 = 0,
                    e11 = 0
                var a2 = 0,
                    b2 = 0,
                    c2 = 0,
                    d2 = 0,
                    e2 = 0,
                    a22 = 0,
                    b22 = 0,
                    c22 = 0,
                    d22 = 0,
                    e22 = 0
                var a3 = 0,
                    b3 = 0,
                    c3 = 0,
                    d3 = 0,
                    e3 = 0,
                    a33 = 0,
                    b33 = 0,
                    c33 = 0,
                    d33 = 0,
                    e33 = 0
                var a4 = 0,
                    b4 = 0,
                    c4 = 0,
                    d4 = 0,
                    e4 = 0,
                    a44 = 0,
                    b44 = 0,
                    c44 = 0,
                    d44 = 0,
                    e44 = 0
                var a5 = 0,
                    b5 = 0,
                    c5 = 0,
                    d5 = 0,
                    e5 = 0,
                    a55 = 0,
                    b55 = 0,
                    c55 = 0,
                    d55 = 0,
                    e55 = 0
                var rows = re;
                var i = 0
                while (i < rows.length) {
                    //alert("i:",i)
                    //alert("rows[i].wt:",rows[i].wt)
                    //alert("rows[i].answer:",rows[i].answer)
                    if (rows[i].wt == "sx") {
                        if (rows[i].answer == "1") {
                            a1 = a1 + 1;
                        } else if (rows[i].answer == "2") {
                            b1 = b1 + 1;
                        } else if (rows[i].answer == "3") {
                            c1 = c1 + 1;
                        } else if (rows[i].answer == "4") {
                            d1 = d1 + 1;
                        } else if (rows[i].answer == "5") {
                            e1 = e1 + 1;
                        }
                    }
                    //功能
                    if (rows[i].wt == "gn") {
                        if (rows[i].answer == "1") {
                            a2 = a2 + 1;
                        } else if (rows[i].answer == "2") {
                            b2 = b2 + 1;
                        } else if (rows[i].answer == "3") {
                            c2 = c2 + 1;
                        } else if (rows[i].answer == "4") {
                            d2 = d2 + 1;
                        } else if (rows[i].answer == "5") {
                            e2 = e2 + 1;
                        }
                    }
                    //结构
                    if (rows[i].wt == "jg") {
                        if (rows[i].answer == "1") {
                            a3 = a3 + 1;
                        } else if (rows[i].answer == "2") {
                            b3 = b3 + 1;
                        } else if (rows[i].answer == "3") {
                            c3 = c3 + 1;
                        } else if (rows[i].answer == "4") {
                            d3 = d3 + 1;
                        } else if (rows[i].answer == "5") {
                            e3 = e3 + 1;
                        }
                    }
                    //视频
                    if (rows[i].wt == "sp") {
                        if (rows[i].answer == "1") {
                            a4 = a4 + 1;
                        } else if (rows[i].answer == "2") {
                            b4 = b4 + 1;
                        } else if (rows[i].answer == "3") {
                            c4 = c4 + 1;
                        } else if (rows[i].answer == "4") {
                            d4 = d4 + 1;
                        } else if (rows[i].answer == "5") {
                            e4 = e4 + 1;
                        }
                    }
                    //学习
                    if (rows[i].wt == "xx") {
                        if (rows[i].answer == "1") {
                            a5 = a5 + 1;
                        } else if (rows[i].answer == "2") {
                            b5 = b5 + 1;
                        } else if (rows[i].answer == "3") {
                            c5 = c5 + 1;
                        } else if (rows[i].answer == "4") {
                            d5 = d5 + 1;
                        } else if (rows[i].answer == "5") {
                            e5 = e5 + 1;
                        }
                    }
                    i = i + 1
                } //while函数
                parseFloat(a1)
                a11 = a1 / 10;
                b11 = b1 / 10;
                c11 = c1 / 10;
                d11 = d1 / 10;
                e11 = e1 / 10;

                a22 = a2 / 10;
                b22 = b2 / 10;
                c22 = c2 / 10;
                d22 = d2 / 10;
                e22 = e2 / 10;

                a33 = a3 / 10;
                b33 = b3 / 10;
                c33 = c3 / 10;
                d33 = d3 / 10;
                e33 = e3 / 10;

                a44 = a4 / 10;
                b44 = b4 / 10;
                c44 = c4 / 10;
                d44 = d4 / 10;
                e44 = e4 / 10;

                a55 = a5 / 10;
                b55 = b5 / 10;
                c55 = c5 / 10;
                d55 = d5 / 10;
                e55 = e5 / 10;
                qq = {
                    "a1": a1,
                    "a2": a2,
                    "a3": a3,
                    "a4": a4,
                    "a5": a5,
                    "b1": b1,
                    "b2": b2,
                    "b3": b3,
                    "b4": b4,
                    "b5": b5,
                    "c1": c1,
                    "c2": c2,
                    "c3": c3,
                    "c4": c4,
                    "c5": c5,
                    "d1": d1,
                    "d2": d2,
                    "d3": d3,
                    "d4": d4,
                    "d5": d5,
                    "e1": e1,
                    "e2": e2,
                    "e3": e3,
                    "e4": e4,
                    "e5": e5,
                    "a11": a11,
                    "a22": a22,
                    "a33": a33,
                    "a44": a44,
                    "a55": a55,
                    "b11": b11,
                    "b22": b22,
                    "b33": b33,
                    "b44": b44,
                    "b55": b55,
                    "c11": c11,
                    "c22": c22,
                    "c33": c33,
                    "c44": c44,
                    "c55": c55,
                    "d11": d11,
                    "d22": d22,
                    "d33": d33,
                    "d44": d44,
                    "d55": d55,
                    "e11": e11,
                    "e22": e22,
                    "e33": e33,
                    "e44": e44,
                    "e55": e55
                }
                var per1 = [{
                        renshu: a1,
                        bili: a11,
                        liyou: ""
                    },
                    {
                        renshu: b1,
                        bili: b11,
                        liyou: ""
                    },
                    {
                        renshu: c1,
                        bili: c11,
                        liyou: ""
                    },
                    {
                        renshu: d1,
                        bili: d11,
                        liyou: ""
                    },
                    {
                        renshu: e1,
                        bili: e11,
                        liyou: ""
                    },
                ];

                var per2 = [{
                        renshu: a2,
                        bili: a22,
                        liyou: ""
                    },
                    {
                        renshu: b2,
                        bili: b22,
                        liyou: ""
                    },
                    {
                        renshu: c2,
                        bili: c22,
                        liyou: ""
                    },
                    {
                        renshu: d2,
                        bili: d22,
                        liyou: ""
                    },
                    {
                        renshu: e2,
                        bili: e22,
                        liyou: ""
                    },
                ];

                var per3 = [{
                        renshu: a3,
                        bili: a33,
                        liyou: ""
                    },
                    {
                        renshu: b3,
                        bili: b33,
                        liyou: ""
                    },
                    {
                        renshu: c3,
                        bili: c33,
                        liyou: ""
                    },
                    {
                        renshu: d3,
                        bili: d33,
                        liyou: ""
                    },
                    {
                        renshu: e3,
                        bili: e33,
                        liyou: ""
                    },
                ];

                var per4 = [{
                        renshu: a4,
                        bili: a44,
                        liyou: ""
                    },
                    {
                        renshu: b4,
                        bili: b44,
                        liyou: ""
                    },
                    {
                        renshu: c4,
                        bili: c44,
                        liyou: ""
                    },
                    {
                        renshu: d4,
                        bili: d44,
                        liyou: ""
                    },
                    {
                        renshu: e4,
                        bili: e44,
                        liyou: ""
                    },
                ];

                var per5 = [{
                        renshu: a5,
                        bili: a55,
                        liyou: ""
                    },
                    {
                        renshu: b5,
                        bili: b55,
                        liyou: ""
                    },
                    {
                        renshu: c5,
                        bili: c55,
                        liyou: ""
                    },
                    {
                        renshu: d5,
                        bili: d55,
                        liyou: ""
                    },
                    {
                        renshu: e5,
                        bili: e55,
                        liyou: ""
                    },
                ];

                var tb1 = document.getElementById('tb1');
                var tb2 = document.getElementById('tb2');
                var tb3 = document.getElementById('tb3');
                var tb4 = document.getElementById('tb4');
                var tb5 = document.getElementById('tb5');

                for (var i = 0; i < per1.length; i++) {
                    //alert(per[i])
                    var trow = getDataRow(per1[i], i);
                    tb1.appendChild(trow);
                }

                for (var i = 0; i < per2.length; i++) {
                    //alert(per[i])
                    var trow = getDataRow(per2[i], i);
                    tb2.appendChild(trow);
                }

                for (var i = 0; i < per3.length; i++) {
                    //alert(per[i])
                    var trow = getDataRow(per3[i], i);
                    tb3.appendChild(trow);
                }

                for (var i = 0; i < per4.length; i++) {
                    //alert(per[i])
                    var trow = getDataRow(per4[i], i);
                    tb4.appendChild(trow);
                }

                for (var i = 0; i < per5.length; i++) {
                    //alert(per[i])
                    var trow = getDataRow(per5[i], i);
                    tb5.appendChild(trow);
                }

                function getDataRow(h, s) {
                    //alert(h)
                    var row = document.createElement('tr');

                    var zyCell = document.createElement('td');
                    if (s == 0)
                        zyCell.innerHTML = "非常不重要"
                    else if (s == 1)
                        zyCell.innerHTML = "较不重要"
                    else if (s == 2)
                        zyCell.innerHTML = "无所谓"
                    else if (s == 3)
                        zyCell.innerHTML = "较重要"
                    else if (s == 4)
                        zyCell.innerHTML = "非常重要"
                    row.appendChild(zyCell);

                    var renshuCell = document.createElement('td');
                    renshuCell.innerHTML = h.renshu;
                    row.appendChild(renshuCell);

                    var biliCell = document.createElement('td');
                    biliCell.innerHTML = h.bili;
                    row.appendChild(biliCell);

                    return row
                }
            }) //get

            $.get('/answer2', data, function (re) {
                var l1 = "",
                    l2 = "",
                    l3 = "",
                    l4 = "",
                    l5 = "";
                var rows = re
                var i = 0
                while (i < rows.length) {
                    //时效
                    if (rows[i].wt == 'r1') {
                        l1 = l1 + rows[i].answer + ","
                    }
                    //功能
                    if (rows[i].wt == 'r2') {
                        l2 = l2 + rows[i].answer + ","
                    }
                    //结构
                    if (rows[i].wt == 'r3') {
                        l3 = l3 + rows[i].answer + ","
                    }
                    //视频
                    if (rows[i].wt == 'r4') {
                        l4 = l4 + rows[i].answer + ","
                    }
                    //学习
                    if (rows[i].wt == 'r5') {
                        l5 = l5 + rows[i].answer + ","
                    }
                    i = i + 1
                } //while循环
                // var e = 0;
                // var j = 0;
                // while (j < l1.length) {
                //     e = e + 1;
                //     if (e == 10) {
                //         l1 = insertStr(l1, j)
                //         e = 0;
                //     }
                //     j = j + 1;
                // }
                // var e = 0;
                // var j = 0;
                // while (j < l2.length) {
                //     e = e + 1;
                //     if (e == 10) {
                //         l2 = insertStr(l2, j)
                //         e = 0;
                //     }
                //     j = j + 1;
                // }

                // var e = 0;
                // var j = 0;
                // while (j < l3.length) {
                //     e = e + 1;
                //     if (e == 10) {
                //         l3 = insertStr(l3, j)
                //         e = 0;
                //     }
                //     j = j + 1;
                // }

                // var e = 0;
                // var j = 0;
                // while (j < l4.length) {
                //     e = e + 1;
                //     if (e == 10) {
                //         l4 = insertStr(l4, j)
                //         e = 0;
                //     }
                //     j = j + 1;
                // }

                // var e = 0;
                // var j = 0;
                // while (j < l5.length) {
                //     e = e + 1;
                //     if (e == 10) {
                //         l5 = insertStr(l5, j)
                //         e = 0;
                //     }
                //     j = j + 1;
                // }


                // function insertStr(str, index) {
                //     return str.substring(0, index) + "<br>" + str.substring(index)
                // }
                var per = [{
                        ly: l1
                    },
                    {
                        ly: l2
                    },
                    {
                        ly: l3
                    },
                    {
                        ly: l4
                    },
                    {
                        ly: l5
                    }
                ];
                var tb6 = document.getElementById('tb6');
                for (var i = 0; i < per.length; i++) {
                    var trow = getDataRow(per[i], i);
                    tb6.appendChild(trow);
                }

                function getDataRow(h, s) {
                    var row = document.createElement('tr');
                    var xnCell = document.createElement('td');
                    if (s == 0)
                        xnCell.innerHTML = "时效性";
                    if (s == 1)
                        xnCell.innerHTML = "功能交互性";
                    if (s == 2)
                        xnCell.innerHTML = "结构合理性";
                    if (s == 3)
                        xnCell.innerHTML = "视频质量";
                    if (s == 4)
                        xnCell.innerHTML = "学习反馈";
                    row.appendChild(xnCell);

                    var lyCell = document.createElement('td');
                    lyCell.innerHTML = h.ly;
                    row.appendChild(lyCell);

                    return row;

                }
            }) //第二个get
        } else {
            alert("非法进入！");
            window.location = "index.html"
        }
    </script>
    <script>
        var k = 1
        var data = {
            k
        }
        $.get('/du2', data, function (re) {
            num1 = [0, 0, 0, 0, 0]
            num2 = [0, 0, 0, 0, 0]
            num3 = [0, 0, 0, 0, 0]
            num4 = [0, 0, 0, 0, 0]
            num5 = [0, 0, 0, 0, 0]
            for (var i = 0; i < re.length; i++) {
                if (re[i].wt == 'sx') { //时效
                    if (re[i].answer == '2')
                        num1[1] = num1[1] + 1
                    if (re[i].answer == '3')
                        num1[2] = num1[2] + 1
                    if (re[i].answer == '4')
                        num1[3] = num1[3] + 1
                    if (re[i].answer == '5')
                        num1[4] = num1[4] + 1
                    if (re[i].answer == '1')
                        num1[0] = num1[0] + 1
                } else if (re[i].wt == 'gn') { //功能
                    if (re[i].answer == '2')
                        num2[1] = num2[1] + 1
                    if (re[i].answer == '3')
                        num2[2] = num2[2] + 1
                    if (re[i].answer == '4')
                        num2[3] = num2[3] + 1
                    if (re[i].answer == '5')
                        num2[4] = num2[4] + 1
                    if (re[i].answer == '1')
                        num2[0] = num2[0] + 1
                } else if (re[i].wt == 'xx') { //学习反馈
                    if (re[i].answer == '2')
                        num5[1] = num5[1] + 1
                    if (re[i].answer == '3')
                        num5[2] = num5[2] + 1
                    if (re[i].answer == '4')
                        num5[3] = num5[3] + 1
                    if (re[i].answer == '5')
                        num5[4] = num5[4] + 1
                    if (re[i].answer == '1')
                        num5[0] = num5[0] + 1
                } else if (re[i].wt == 'sp') { //视频质量
                    if (re[i].answer == '2')
                        num4[1] = num4[1] + 1
                    if (re[i].answer == '3')
                        num4[2] = num4[2] + 1
                    if (re[i].answer == '4')
                        num4[3] = num4[3] + 1
                    if (re[i].answer == '5')
                        num4[4] = num4[4] + 1
                    if (re[i].answer == '1')
                        num4[0] = num4[0] + 1
                } else if (re[i].wt == 'jg') { //结构合理性
                    if (re[i].answer == '2')
                        num3[1] = num3[1] + 1
                    if (re[i].answer == '3')
                        num3[2] = num3[2] + 1
                    if (re[i].answer == '4')
                        num3[3] = num3[3] + 1
                    if (re[i].answer == '5')
                        num3[4] = num3[4] + 1
                    if (re[i].answer == '1')
                        num3[0] = num3[0] + 1
                }
            }
            var chart = Highcharts.chart('container', {
                chart: {
                    type: 'bar'
                },
                title: {
                    text: '结果条形图'
                },
                xAxis: {
                    categories: ['非常不重要', '较不重要', '无所谓', '较重要', '非常重要'],
                    title: {
                        text: null
                    }
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: '选择专家数(人)',
                        align: 'high'
                    },
                    labels: {
                        overflow: 'justify'
                    }
                },
                tooltip: {
                    valueSuffix: ' 人'
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: true,
                            allowOverlap: true // 允许数据标签重叠
                        }
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -40,
                    y: 100,
                    floating: true,
                    borderWidth: 1,
                    backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) ||
                        '#FFFFFF'),
                    shadow: true
                },
                series: [{
                    name: '时效性',
                    data: num1
                }, {
                    name: '功能交互性',
                    data: num2
                }, {
                    name: '结构合理性',
                    data: num3
                }, {
                    name: '视频质量',
                    data: num4
                }, {
                    name: '学习反馈',
                    data: num5
                }]
            });
        })
    </script>
</body>

</html>